<template>
  <div class="md-bg">
     <div class="md-warp">
      <guideIframe :mdPath="guide" :guideSrc="guideSrc" :type="1"></guideIframe>
    </div>
  </div>
</template>
<script>
 import guideIframe from '@/view/experimentalScene/designPanel/guideIframe.vue'
export default {
  name:'mdPreview',
  components:{guideIframe},
  data(){
    return{
      guide:this.$route.query.path,
      guideSrc:this.$route.query.name,
    }
  }
}
</script>
<style scoped>
.md-bg{
  width:100%;
  height: 100%;
  background: rgb(82,86,89);
}
.md-warp{
  padding: 30px;
  height:100%;
  overflow: auto;
  margin:0 auto;
  background: var(--card-body-bgcolor);
  width:70%;
  /* background: rgb(50,54,57); */
  
}
</style>